<template>
    <div class="tab-area fix area-padding">
        <div class="container">
            <div class="row">
                <div class="col-md-12 col-sm-12 col-xs-12">
                    <div class="tab-menu">
                        <ul class="nav nav-tabs" role="tablist">
                            <li class="active">
                                <a
                                    href="#p-view-1"
                                    role="tab"
                                    data-toggle="tab"
                                >
                                    <span class="cha-title"
                                        >IT maintenance</span
                                    >
                                </a>
                            </li>
                            <li>
                                <a
                                    href="#p-view-2"
                                    role="tab"
                                    data-toggle="tab"
                                >
                                    <span class="cha-title"
                                        >IT Consultancy</span
                                    >
                                </a>
                            </li>
                            <li>
                                <a
                                    href="#p-view-3"
                                    role="tab"
                                    data-toggle="tab"
                                >
                                    <span class="cha-title"
                                        >Network support</span
                                    >
                                </a>
                            </li>
                            <li>
                                <a
                                    href="#p-view-4"
                                    role="tab"
                                    data-toggle="tab"
                                >
                                    <span class="cha-title"
                                        >Web developement</span
                                    >
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="col-md-12 col-sm-12 col-xs-12">
                    <div class="tab-content">
                        <!--Start Tab Content -->
                        <div class="tab-pane active" id="p-view-1">
                            <div class="tab-inner">
                                <div class="single-machine row">
                                    <div class="col-md-6 col-sm-6 col-xs-12">
                                        <div class="tabe-img">
                                            <img
                                                src="/img/services/s1.jpg"
                                                alt=""
                                            />
                                        </div>
                                    </div>
                                    <div class="col-md-6 col-sm-6 col-xs-12">
                                        <div class="machine-text">
                                            <h3>
                                                Enterprise AI and data platform
                                                solutions
                                            </h3>
                                            <p>
                                                Dummy text is also used to
                                                demonstrate the appearance of
                                                different typefaces and layouts,
                                                and in general the content of
                                                dummy text is nonsensical. used
                                                to demonstrate the appearance of
                                                different typefaces and layouts,
                                                and in general the content of
                                                dummy text is nonsensical
                                            </p>
                                            <ul>
                                                <li>
                                                    <a href="#"
                                                        >Innovation idea latest
                                                        business tecnology</a
                                                    >
                                                </li>
                                                <li>
                                                    <a href="#"
                                                        >Digital content
                                                        marketing online clients
                                                        plateform</a
                                                    >
                                                </li>
                                                <li>
                                                    <a href="#"
                                                        >Safe secure services
                                                        for you online email
                                                        account</a
                                                    >
                                                </li>
                                                <li>
                                                    <a href="#"
                                                        >Innovation idea latest
                                                        business tecnology</a
                                                    >
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="tab-pane" id="p-view-2">
                            <div class="tab-inner">
                                <div class="single-machine row">
                                    <div class="col-md-6 col-sm-6 col-xs-12">
                                        <div class="tabe-img">
                                            <img
                                                src="/img/services/s2.jpg"
                                                alt=""
                                            />
                                        </div>
                                    </div>
                                    <div class="col-md-6 col-sm-6 col-xs-12">
                                        <div class="machine-text">
                                            <h3>
                                                Design and development use
                                                latest technology
                                            </h3>
                                            <p>
                                                And in general the content of
                                                dummy text is nonsensical. used
                                                to demonstrate the appearance of
                                                different typefaces and layouts,
                                                and in general the content of
                                                dummy text is nonsensical. Dummy
                                                text is also used to demonstrate
                                                the appearance of different
                                                typefaces and layouts
                                            </p>
                                            <ul>
                                                <li>
                                                    <a href="#"
                                                        >Innovation idea latest
                                                        business tecnology</a
                                                    >
                                                </li>
                                                <li>
                                                    <a href="#"
                                                        >Digital content
                                                        marketing online clients
                                                        plateform</a
                                                    >
                                                </li>
                                                <li>
                                                    <a href="#"
                                                        >Safe secure services
                                                        for you online email
                                                        account</a
                                                    >
                                                </li>
                                                <li>
                                                    <a href="#"
                                                        >Innovation idea latest
                                                        business tecnology</a
                                                    >
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="tab-pane" id="p-view-3">
                            <div class="tab-inner">
                                <div class="single-machine row">
                                    <div class="col-md-6 col-sm-6 col-xs-12">
                                        <div class="tabe-img">
                                            <img
                                                src="/img/services/s3.jpg"
                                                alt=""
                                            />
                                        </div>
                                    </div>
                                    <div class="col-md-6 col-sm-6 col-xs-12">
                                        <div class="machine-text">
                                            <h3>
                                                Innovation idea latest business
                                                tecnology
                                            </h3>
                                            <p>
                                                Used to demonstrate the
                                                appearance of different
                                                typefaces and layouts, and in
                                                general the content of dummy
                                                text is nonsensical. text is
                                                also used to demonstrate the
                                                appearance of different
                                                typefaces and layouts, and in
                                                general the content of dummy
                                                text is nonsensical
                                            </p>
                                            <ul>
                                                <li>
                                                    <a href="#"
                                                        >Innovation idea latest
                                                        business tecnology</a
                                                    >
                                                </li>
                                                <li>
                                                    <a href="#"
                                                        >Digital content
                                                        marketing online clients
                                                        plateform</a
                                                    >
                                                </li>
                                                <li>
                                                    <a href="#"
                                                        >Safe secure services
                                                        for you online email
                                                        account</a
                                                    >
                                                </li>
                                                <li>
                                                    <a href="#"
                                                        >Innovation idea latest
                                                        business tecnology</a
                                                    >
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="tab-pane" id="p-view-4">
                            <div class="tab-inner">
                                <div class="single-machine row">
                                    <div class="col-md-6 col-sm-6 col-xs-12">
                                        <div class="tabe-img">
                                            <img
                                                src="/img/services/s4.jpg"
                                                alt=""
                                            />
                                        </div>
                                    </div>
                                    <div class="col-md-6 col-sm-6 col-xs-12">
                                        <div class="machine-text">
                                            <h3>
                                                Digital content marketing online
                                                clients plateform
                                            </h3>
                                            <p>
                                                Dummy text is also used. used to
                                                demonstrate the appearance of
                                                different typefaces and layouts,
                                                and in general the content of
                                                dummy text is nonsensica to
                                                demonstrate the appearance of
                                                different typefaces and layouts,
                                                and in general the content of
                                                dummy text is nonsensical.
                                            </p>
                                            <ul>
                                                <li>
                                                    <a href="#"
                                                        >Innovation idea latest
                                                        business tecnology</a
                                                    >
                                                </li>
                                                <li>
                                                    <a href="#"
                                                        >Digital content
                                                        marketing online clients
                                                        plateform</a
                                                    >
                                                </li>
                                                <li>
                                                    <a href="#"
                                                        >Safe secure services
                                                        for you online email
                                                        account</a
                                                    >
                                                </li>
                                                <li>
                                                    <a href="#"
                                                        >Innovation idea latest
                                                        business tecnology</a
                                                    >
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    name: "Tab",
};
</script>

<style scoped>
</style>
